iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 13
0
自我挑戰組

使用Vue製作簡單的 WorkBoard (30天)系列 第 13

(第十三天)自我學習 - 下拉式選單

  • 分享至 

  • xImage
  •  

下拉式選單的資料存取與顯示

今天來試試看下拉式選單要如何使用吧!

先把資料準備好!

data: {
    //等等要做的事最喜歡的城市
    Myfavors: null,
    citys: [],
},

在來是在 id="myApp" 裡面加入標籤,需要一個 select

//我喜歡的城市
<h1>{{ Myfavors }}<h1>
<select v-model="Myfavors">
 <option>台北</option>
 <option>新北</option>
 <option>彰化</option>
 <option>高雄</option>
 <option>屏東</option>
     ...
</select>
//所有的城市

趕快試試看吧!是不是這樣就可以顯示出你最喜歡的城市呢!


上一篇
(第十二天)自我學習 - Vue checkbox 複選
下一篇
(第十四天)自我學習 - component 第二次學習
系列文
使用Vue製作簡單的 WorkBoard (30天)24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言